<template>
  <div id="app">
    <!-- 一级路由出口 -->
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>

<style scoped lang="less">
.my-test-div {
  // 这个 px 是一个固定单位，在不同的屏幕尺寸下大小不会变，
  // 所以需要转换成 rem 相对单位，这样在不同尺寸下就会动态改变（等比缩放）
  // 如果我们程序员每次自己去算，未免太麻烦了，影响开发效率，
  // 如果有一个插件能将我们写的 px 自动转成 rem，就好了
  width: 750px;
  height: 200px;
  background-color: hotpink;
}
</style>
